<template>
	<section>
		<!--工具条-->
		<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
			<el-form :inline="true" :model="filters">
				<el-form-item>
					<el-input v-model="filters.value"  placeholder="答辩日期："></el-input>
				</el-form-item>

				<el-form-item>
					<el-button type="primary" v-on:click="getClasses">查询</el-button>
				</el-form-item>
			</el-form>
		</el-col>

		<!--列表-->
		<el-table :data="classes" highlight-current-row v-loading="listLoading" @selection-change="selsChange" style="width: 100%;">
			<el-table-column type="index" width="60"/>
            <el-table-column prop="id" label="id" width="120"  sortable v-if="false"/>
            <el-table-column prop="examno" label="答辩日期"   />
            <el-table-column prop="classnum" label="班级"   />
            <el-table-column prop="studentname" label="姓名"   />
            <!--<el-table-column prop="teacherid" label="评分人id"  v-if="false" />-->
            <!--<el-table-column prop="teachername" label="评分人"   v-if="false"/>-->
            <!--<el-table-column prop="level" label="等级"   />-->
            <!--<el-table-column prop="suggestion" label="建议"   :show-overflow-tooltip="true"/>-->
			<el-table-column prop="totalscore" label="总分"  width="60" />
			<el-table-column prop="projectintroscore" label="项目介绍"   />
			<el-table-column prop="businessscore" label="业务描述"   />
			<el-table-column prop="selfintroscore" label="自我介绍"   />
			<el-table-column prop="techologyscore" label="技术能力"   />
			<el-table-column prop="confidencescore" label="自信展示"   />
			<el-table-column label="问题"  :show-overflow-tooltip="true" >
				<template slot-scope="scope">
					<span v-html="scope.row.question"></span>
				</template>
			</el-table-column>
			<el-table-column  label="建议"  :show-overflow-tooltip="true" >
				<template slot-scope="scope">
					<span v-html="scope.row.suggestion"></span>
				</template>
			</el-table-column>

		</el-table>
		<!--工具条-->
		<el-col :span="24" class="toolbar">
			<el-pagination layout="prev, pager, next" @current-change="handleCurrentChange" :page-size="pageSize" :total="total" style="float:right;">
			</el-pagination>
		</el-col>
		<!--编辑界面-->



	</section>
</template>

<script>
	import util from '../../common/js/util'
	import { getUserListPage, removeUser, batchRemoveUser, editUser, addUser } from '../../api/api';

	export default {
        data() {
            return {

                levelvalue: '',
                filters: {
                    value: ''
                },
                classes: [],
                total: 0,
                currentPage: 1,
                pageSize: 10,
                listLoading: false,
                sels: [],//列表选中列
                selectList: [],//选中答辩班级的list,
				selectNo:'',




            }
        },
        methods: {

            handleCurrentChange(val) {
                this.currentPage = val;
                this.getClasses();
            },
            //获取用户列表
            getClasses() {
                let para = {
                    currentPage: this.currentPage,
                    pageSize: 10,
                    value: this.filters.value,
                    name: this.filters.name,
                    classnum: this.filters.classnum
                };
                this.listLoading = true;

                this.$http.post("/student/list", para).then((res) => {
                    this.classes = res.data.list;

                    this.total = res.data.total;
                    this.listLoading = false;
                });
            },




            selsChange: function (sels) {
                this.sels = sels;
            },


        },
        mounted() {
             this.getClasses();
        }
    }

</script>

<style scoped>

</style>